<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="logistic">
            <h2><span>Logistic</span> {{ logistic.id }}</h2>

            <hr>

            <jhi-alert-error></jhi-alert-error>

            <dl class="row-md jh-entity-details">
                <dt><span>Order Id</span></dt>
                <dd>
                    <span>{{ logistic.orderId }}</span>
                </dd>
                <dt><span>Send Name</span></dt>
                <dd>
                    <span>{{ logistic.sendName }}</span>
                </dd>
                <dt><span>Send Phone</span></dt>
                <dd>
                    <span>{{ logistic.sendPhone }}</span>
                </dd>
                <dt><span>Send Address</span></dt>
                <dd>
                    <span>{{ logistic.sendAddress }}</span>
                </dd>
                <dt><span>Receive Name</span></dt>
                <dd>
                    <span>{{ logistic.receiveName }}</span>
                </dd>
                <dt><span>Receive Phone</span></dt>
                <dd>
                    <span>{{ logistic.receivePhone }}</span>
                </dd>
                <dt><span>Receive Address</span></dt>
                <dd>
                    <span>{{ logistic.receiveAddress }}</span>
                </dd>
                <dt><span>Logistic No</span></dt>
                <dd>
                    <span>{{ logistic.logisticNo }}</span>
                </dd>
                <dt><span>Logistic Company</span></dt>
                <dd>
                    <span>{{ logistic.logisticCompany }}</span>
                </dd>
                <dt><span>Send Time</span></dt>
                <dd>
                    <span>{{ logistic.sendTime }}</span>
                </dd>
                <dt><span>Received Time</span></dt>
                <dd>
                    <span>{{ logistic.receivedTime }}</span>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span>Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/logistic', logistic.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon icon="pencil-alt"></fa-icon>&nbsp;<span>Edit</span>
            </button>
        </div>
    </div>
</div>
